<!--
 * @Author: your name
 * @Date: 2020-08-30 07:59:10
 * @LastEditTime: 2024-07-12 10:32:47
 * @LastEditors: smallWhite
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /huizhou_website_admin/src/App.vue
-->
<template>
  <div id="app"
    @click="handleTime">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      lastTime: null, // 最后一次点击的时间
      currentTime: null, // 当前点击的时间
      timeOut: 60 * 60 * 1000 // 设置超时时间： 1小时
    }
  },
  created() {
    this.lastTime = new Date().getTime() // 网页第一次打开时，记录当前时间
  },
  methods: {
    handleTime() {
      this.currentTime = new Date().getTime() // 记录这次点击的时间
      if (this.currentTime - this.lastTime > this.timeOut) {
        // 判断上次最后一次点击的时间和这次点击的时间间隔是否大于10分钟
        // 大于10分钟,跳转路由到login页
        if (this.$route.path !== '/login') {
          this.$message.warning('长时间未操作！即将退出，请重新登录')
          setTimeout(() => {
            window.location.href = '/login'
            window.localStorage.clear()
          }, 1000)
        }
      } else {
        this.lastTime = new Date().getTime() // 如果在10分钟内点击，则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间
      }
    }
  }
}
</script>
<style>
.upload-demo_fu .el-upload-list {
  opacity: 1 !important;
}
* {
  font-size: 15px;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.el-icon-arrow-right {
  /* line-height: 50px; */
}
.el-submenu {
  position: relative;
}
.el-submenu__title .el-icon-arrow-down {
  margin-top: 20px !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: inherit;
  right: 20px !important;
}
.el-icon-arrow-down::after {
  height: 10px !important;
  width: 10px !important;
  border-top: 1px solid #d9d9d9 !important;
  border-right: 1px solid #d9d9d9 !important;
  background: transparent !important;
  transform: rotate(135deg);
}
.el-icon-arrow-down::before {
  border: 0 !important;
}

.ql-size-small {
  font-size: 16px !important;
}
.ql-size-large {
  font-size: 18px !important;
}

.ql-size-huge {
  font-size: 32px !important;
}
</style>
